<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>芭蕾舞-找回密码</title>
    <meta name="keywords" content="芭蕾舞" />
    <meta name="description" content="芭蕾舞" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <!--bootstrap-->
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <!--select2-->
    <link type="text/css" href="css/select2.min.css" rel="stylesheet">
    <!--form validate-->
    <link type="text/css" href="css/bootstrapValidator.min.css" rel="stylesheet">
    <!--scrollBar-->
    <link type="text/css" href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <!--canlendar-->
    <link type="text/css" href="css/bootstrap-datepicker.min.css" rel="stylesheet">
    <!--icheck(checkbox&radio)-->
    <link type="text/css" href="css/blue.css" rel="stylesheet">
    <!--common css style-->
    <link type="text/css" href="css/master.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="lrPage">
    <header class="ballet-header">
        <div class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <div class="language"><a href="#">En</a>／<a href="#" class="on">中文</a></div>
                    <button type="button" class="navbar-toggle collapsed icon-menu" data-toggle="collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar line-top"></span>
                        <span class="icon-bar line-mid"></span>
                        <span class="icon-bar line-btm"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="images/logo_white.png" /></a>
                </div>
                <div class="navbar-collapse">
                    <ul class="nav navbar-nav  ballet-nav">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">比赛</a></li>
                        <li><a href="#">动态</a></li>
                        <li><a href="#">下载</a></li>
                        <li><a href="#">赞助</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="switch_language"><a href="#">En</a>／<a href="#" class="on">中文</a></li>
                        <li class="lr-action"><a href="login.html" class="loginBtn">登录</a><span class="hidden-xs">｜</span> <a href="register.html" class="registerBtn">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <main class="mainContent">
        <section class="logregistWrap">
            <div class="container">
                <!--<div class="lr-logo-mobile"><img src="images/logo_white.png" /></div>-->
                <div class="loginBox">
                    <h2>找回密码</h2>
                    <div class="row cont">
                        <div class="col-sm-5 lr-logo hidden-xs"><img src="images/logo_black.png" /></div>
                        <div class="col-sm-7">
                            <form method="post">
                                <div class="box">
                                    <div class="form-item">
                                        <label class="titl">邮箱</label>
                                        <input type="text" placeholder="请输入常用邮箱地址" value="" />
                                        <div class="tips"></div>
                                    </div>
                                    <div class="actions">
                                        <a href="javascript:;" class="submitBtn" data-toggle="modal" data-target="#msgPopup">确定</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- tips Modal -->
    <div class="modal fade small-tips-popup" id="msgPopup" role="dialog" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="info">
                        <i class="iconfont icon-infomation"></i>
                        重置密码的链接已发送至您的邮箱，请前往邮箱重置密码。
                    </div>
                    <div class="actions text-right">
                        <button type="button" class="confirmBtn" data-dismiss="modal">确定</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- /. tips Modal -->

    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrapValidator.min.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/icheck.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.js"></script>
    <script src="js/common.js"></script>
</body>

</html>